.Catalog input[type="text"] , .Catalog input[type="password"] , .Catalog input[type="email"]{
    width: 200px; /* 设置合适的宽度 */
    border: 0; /* 首先将边界取消，方便下面修改下部边界宽度 */
    border-bottom: 5px solid black; /* 将下边界进行修改，显示出横线效果 */
    font-size: 18px; /* 将字体适当的变大加粗 */
    background: #ffffff00; /* 将输入框设置为透明 */
    color: black; /* 上面的文本颜色设置为白色，但是placeholder的颜色要单独设置 */
    padding: 5px 10px; /* 为了placeholder的内容不是顶格显示，增加内部边界 */
    float: contour;
}
.Catalog input[type="submit"]{
    border: 0; /* 取消按钮的边界 */
    width: 150px; /* 设置合适的按钮的长和宽 */
    height: 30px;
    margin-top: 18px; /* 设置合适的上部外框的宽度，增加与上面的password框的距离 */
    font-size: 18px; /* 修改按钮文字的大小 */
    color: black; /* 修改按钮上文字的颜色 */
    border-radius: 25px; /* 将按钮的左右边框设置为圆弧 */
    background-image: linear-gradient(to right, #00dbde 0%, #fc00ff 100%); /* 为按钮增加渐变颜色 */
    float: contour;
}
.Catalog img{
    width: 30px;
    height: 35px;
}
.code img{
    width: 100px;
    height: 60px;
}

#Catalog {
    border: 3px solid black;
    width: 40%;
    text-align: center;
    margin: 0 auto;
    margin-top: 5%;
    background: rgba(255, 255, 255 ,0.5);
    padding: 20px 50px;
}

.Information{
    display: none;
}

#Catalog.show{
    background: rgba(255, 255, 255 ,0.5);
    border-radius: 100%;

}

p{
    color: red;
    font-size: 25px;
}

.video-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
    object-fit: cover;
}

